<div class="animated fadeIn">
    <div class="row">
        <div class="col-md-2">
            <button class="btn btn-primary btn-radius" (click)="getexcles()"><a href="{{excelUrl}}" style="color: white" download="pulue">导出</a></button>
        </div>
    </div>
    <div class="table-responsive" style="margin-top: 20px">
        <table class="table table-center table-bordered table-hover" style="min-width: 0px">
            <thead class="table-inverse">
            <tr class="text-nowrap">
                <td>订单编号</td>
                <td>制作人</td>
                <td>联系电话</td>
                <td>制作数量</td>
                <td>收货地址</td>
                <td>添加时间</td>
                <td>是否发货</td>
                <td>操作</td>
            </tr>
            </thead>
            <tbody class="tab-content">
            <tr *ngFor="let item of bannerList let i = index">
                <td>{{item.order_number}}</td>
                <td>{{item.name}}</td>
                <td>{{item.phone}}</td>
                <td>{{item.num}}</td>
                <td>{{item.address}}</td>
                <td>{{item.addTime ? formatDateTime(item.addTime) : ''}}</td>
                <td>
                    <span *ngIf="item.state ==1">未发货</span>
                    <span *ngIf="item.state ==2">已发货</span>
                </td>
                <td class="text-nowrap">
                    <span class="removeBtn" style="color: deepskyblue;" [routerLink]="['detials', item.id]">详情</span>
                    <span class="removeBtn" style="color: deepskyblue; margin-left: 10px" *ngIf="item.state ==1" (click)="deliverGoods(item.id)">发货</span>

                </td>
            </tr>
            </tbody>
        </table>
        <p *ngIf="isnoData" class="noneData">暂无数据</p>
        <div style="float: right">
            <pagination [boundaryLinks]="true" [totalItems]="totalItems" [(ngModel)]="currentPage" itemsPerPage="10"
                        [maxSize]="maxSize" previousText="上一页" nextText="下一页" firstText="首页" lastText="末页"
                        (pageChanged)="pageChanged($event)"></pagination>
        </div>
    </div>
</div>
<div *ngIf="promptModal" [config]="{ show: true }" (onHidden)="hideModal(0)" bsModal #autoShownModal="bs-modal" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-sm modal-primary">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title pull-left">提示</h4>
                <button type="button" class="close pull-right" aria-label="Close" (click)="hideModal(0)">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body" style="text-align: center;">
                <p style="margin: 0px">确定已发货？</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary btn-radius"(click)="hideModal(0);">取消</button>
                <button type="button" class="btn btn-radius btn-primary" (click)="hideModal(1);">确定</button>
            </div>
        </div>
    </div>
</div>
